.PlayListItem {
    display: flex;
    align-items: center;
    width: 90%;
    height: 48px;
    padding: 0 5%;

    &:hover {
        background-color: rgba($color: #e7f1f4, $alpha: 0.6);
        cursor: pointer;
    } 

    h3 {
        font-size: 16px;
        font-weight: 400;
    }

    div {
        border-radius: 50%;
        margin-left: auto;
    }

    .finish {
        width: 16px;
        height: 16px;
        background-color: #5bae23;
        color: #fff;
        font-size: 10px;
        text-align: center;
        line-height: 16px;
    }


    .unfinish{
        width: 8px;
        height: 8px;
        border: 4px solid #de1c31;
        color: transparent;
    }
}